@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

/*@media (max-width: 989px) and (min-width: 240px)                                                                                                                                                            */
/*{*/
   
     /* RESET 
    ---------------------------------- */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
    small, strong, var, b, i, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video 
    {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline; 
    }
    
    body
    {
        background-color: #fff;
        font-family: Arial, sans-serif;
        font-size: 11pt;
        color: #4D4D4D;
    }
    
    a
    {
        color: #000;
    }
    
    #header
    {
        background-color: #c00405;
        padding: 0 5% 0 5%;
        border-bottom: 10pt solid #7e0a0d;
    }
    
    .homepage-container #header
    {
        padding: 0 5% 3% 5%;
    }
    
    #page
    {
        padding: 5%;
    }
    
    #footer
    {
         background-color: #ebebeb;      
    }
    
    .left
    {
        float: left;
    }
    
    .right
    {
        float: right;
    }
    
    .page-header h1
    {
        color: #333333;
        font-size: 20pt;
        line-height: 20pt;
        margin: 0 0 5pt 0;
    }
    
    .page-header
    {
        border-bottom: 1px solid #e8e8e8;
        margin: 0 0 15pt 0;
    }
    
    .prefooter
    {
        background-color: #7b7b7b;         
        padding: 5%;   
        color: #fff;
        text-align: center;    
    }  
    
    .prefooter a
    {
        color: #fff;
        text-decoration: none;
        padding: 3pt;
        margin: 0 0 5pt 0;
        display: inline-block;    
    }
    
    .date-field 
    {
        margin: 0 0 6pt 0;
        padding: 0 0 6px 0;
        display: inline-table;
        width: 100%;
        border-bottom: 1px solid #D8D8D8;
    }
    
    .private-date-body
    {
        display: table-cell;
 
        vertical-align: middle;
    }
    
    .search-container-darkgrey
    {
        background-color: #7A7A7A;
        padding: 5%;
        margin: 5% 0;
        border-radius: 4px;
    }
    
    .search-container-violet
    {
        background-color: #2a2d80;
        padding: 5%;
        margin: 5% 0;
        border-radius: 4px;
    }    
    
    .search-container-violet label
    {
        color: #fff;
    }    
    
    .search-container-grey
    {
        background-color: #D7D7D7;
        padding: 5%;
        border-radius: 4px;
        margin: 0 0 5% 0;
    }
    
    .search-container-darkgrey label
    {
        color: #fff;
    }
    
    .text-left
    {
        text-align: left;
    }
    
    .text-justify
    {
        text-align: justify;
    }    
    
    .starred-text 
    {
        margin: 10pt 0 0 0;
        color: #000;
        text-align: justify;
    }
    
    .form-submit
    {
        margin: 5% 0 0 0;
    }
    
    .starred-text .starred
    {
        display: block;
        margin: 0 0 10pt 0;
    }
    
    .starred-text .star, .starred-text .text
    {
        display: table-cell;
        vertical-align: top;
    }
    
    .starred-text .star
    {
        padding: 0 5pt 0 0;
        width: 15pt;
    }
    
    .description-text
    {
        margin: 3pt 0 0 0;
        color: #000;
        text-align: justify;
    }    
    
    .btn-entra 
    {
        color: #21290C;
        font-weight: bold;
        text-decoration: none;
        text-align: right;
        display: block;
        font-family: Oswald, sans-serif;
        text-transform: uppercase;
        font-size: 14pt;
        line-height: 20pt;
        padding: 0 20pt 0 0;
        background: url("/static/images/msite/green-arrow.png") no-repeat right 0px;
    }
    
    .btn-next 
    {
        border: 1px solid #000;
        border-radius: 4px;
        padding: 3%;
        text-decoration: none;
        text-align: center;
        display: block;
        font-weight: normal;
        font-family: Oswald, sans-serif;
        text-transform: uppercase;
        padding: 8pt 0 7pt 0;
        font-size: 14pt;
        line-height: 14pt;
    }
    
    .btn-next.violet
    {
        border: 1px solid #2A2D80;
        color: #2A2D80;
    }
    
    .myproducts-search-title h2
    {
        color: #333333;
        font-size: 16pt;
        line-height: 20pt;
        margin: 0 0 5pt 0;
        border-bottom: 1px solid #e8e8e8;
        margin: 0 0 15pt 0; 
    }
    
    .text-right
    {
        text-align: right;
    }
    
        
    .text-center
    {
        text-align: center;
    }
    
    .private-date-body.text-right
    {
        font-weight: bold;
        width: 20%;
    }   
    
    .footer-info 
        {
        text-align: center;
        padding: 5%;
    }
    
    .box-private-date 
    {
        background-color: #F7F7F7;
        border-radius: 4px;
        border: 1px solid #EAEAEA;
        margin: 0 0 10pt 0;
    }
    
    .private-date-title 
    {
        padding: 3% 5%;
        line-height: 14pt;
        font-size: 14pt;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #C3C3C3;
        background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #D0D0D0 100%);
        background-image: -moz-linear-gradient(top, #F3F3F3 0%, #D0D0D0 100%);
        background-image: -ms-linear-gradient(top, #F3F3F3 0%, #D0D0D0 100%);
        background-image: -o-linear-gradient(top, #F3F3F3 0%, #D0D0D0 100%);
    }    
    
    .breadcrumb-sublevel 
    {
        margin-left: 13pt;
        padding: 3pt 0;
    }
    
    .private-date-body-container
    {
        padding: 3% 5%;
    }
    
    .bredcrumb-arrow 
    {
        color: #B3B3B3;
        font-style: expanded;
    }
    
    .breadcrumb-title
    {
        margin: 0 0 2pt 0;
    }
    
    #breadcrumb a
    {
        color: #4D4D4D;
        text-decoration: underline;
        font-weight: normal;
    }
    
    #breadcrumb 
    {
        margin: 0 0 5% 0;
    }
    
    .loghi-pagamenti
    {
        width: 90%;
        height: 50px;
        background: url("/static/images/msite/pagamenti.png") no-repeat center center;
        background-size: contain;
        margin: 10pt 5% 0 5%;
    }
    
    .logo-aams-big
    {
        width: 100%;
        height: 80pt;
        background: url("/static/images/msite/logo-aams-big.png?ver=2") no-repeat center center;
        background-size: contain;
    }
    
    .logo-aams-sicuro
    {
        width: 100%;
        height: 80pt;
        background: url("/static/images/msite/logo-aams-sicuro.png") no-repeat center center;
        background-size: contain;
    }
    
    .logo-18-piu
    {
        width: 100%;
        height: 80pt;
        background: url("/static/images/msite/logo-18-piu.png") no-repeat center center;
        background-size: contain;
    }       
    
    .clearfix
    {
        clear: both;
    }
    
    .prefooter ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: inline-block;
    }
    
    .loghi-aams-container ul
    {
        list-style-type: none;
        margin: 5%;
        padding: 0;
        display: inline-block;
        width: 90%;
    }

    .loghi-aams-container {
        text-align: center;
    }

    .loghi-aams-container ul li
    {
        float:left;
        width: 31%;
        text-align: center;
        display: inline-block;
        padding: 0 1%;
    }
    
    .prefooter ul li
    {
    padding: 0 5pt;
    margin: 5pt 0;
    float: left;
    border-right: 1px solid #fff;
    }
    
    .prefooter-devider 
    {
        display: block;
        height: 1px;
        background-color: #969696;
        margin: 10pt 0;
    }
    
    .social-container 
    {
        text-align: center;
    }
    
    .social-container ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        margin: auto;
    }
    
    .social-container ul li
    {
        text-align: center;
        float: left;
        margin: 0 7pt;
    }
    
    .ico-fb
    {
        width: 60pt;
        height: 60pt;
        border-radius: 4px;
        border: 1px solid #D8D6D6;
        background: #EAEAEA url("/static/images/msite/ico-fb.png") no-repeat center center;
        background-size: 80%;
    }
    
    .ico-twitt
    {
        width: 60pt;
        height: 60pt;
        border-radius: 4px;
        border: 1px solid #D8D6D6;
        background: #EAEAEA url("/static/images/msite/ico-twitt.png") no-repeat center center;
        background-size: 80%;
    }    
    
    input, select, textarea 
    {
        border: 1px solid #CCCCCC;
        padding: 7px;
        width: 100%;
        font-size: 16px;
        background-color: #fff;
        border-radius: 2px;
    }   
    
    textarea
    {
        min-height: 100pt;
    }
    
    .short-field
    {
        width: 30%;
    }
    
    .logo-header 
    {
        width: 100pt;
        display: inline-block;
        height: 45px;
        margin: 4% 0 0 0;
        background: transparent url("/static/images/msite/logo-header.png?v=2") no-repeat center top;
        background-size: contain; 
    }
    
    .header-games-icon-container 
    {
        list-style-type: none;
        margin: 20pt 0 0 0;
        padding: 0;
        width: 100%;
        display: inline-block;
    }
    
    .header-games-icon-container li
    {
        width: 45%;
        float: left;
        text-align: center;
        border-radius: 4px;
        background-color: #A7090A;
        margin: 0 2% 2% 0;
        padding: 2%;
        min-height: 110px;
    }
    
    .header-games-icon-container li p
    {
            overflow-wrap: break-word!important;
                word-break: break-all;
            margin: 0;
            line-height: 12pt;
    }
    
    .login-box-container-box
    {
        position: relative;
    }
    
    .header-login-box 
    {
        border-radius: 4px;
        padding: 12pt;
        background-color: #ed8629;
        z-index: 99;
        position: absolute;
        width: 90%;
        right: 0px;
    }
    
    #header-login a
    {
        color: #fff;
        margin: 0 0 5pt 0;
        display: inline-block;
    }
    
    .header-login-box.logged
    {
        display: block!important;
    }
    
    .header-login-container
    {
        margin: 0 0 5% 0;
      
    }
    
        .header-login-box.logged
    {
    border-radius: 4px;
    background-color: #ed8629;
    margin: 20pt 0 0 0;
    color: #fff;
    position: initial;
    width: 90%;
    display: block!important;
    padding: 5%;
    }
    
    .header-login-box label
    {
        color: #fff;
        font-weight: normal;
        display: block;
        margin: 0 0 2pt 0;
    }
    
    .header-login-box p
    {
        margin: 0 0 15pt 0;
    }
    
    .header-login-box input
    {
        border: none;
    }
    
    .header-login-box .btn
    {
        border: 1px solid #485D19;
    }
    
    .btn
    {
        background-image: -webkit-linear-gradient(top, #a1b612 0%, #5a761b 100%);
        background-image: -moz-linear-gradient(top, #a1b612 0%, #5a761b 100%);
        background-image: -ms-linear-gradient(top, #a1b612 0%, #5a761b 100%);
        background-image: -o-linear-gradient(top, #a1b612 0%, #5a761b 100%);
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #485D19;
        border-radius: 4px;
        color: #fff;
        font-weight: normal;
        font-family: Oswald, sans-serif;
        text-transform: uppercase;
        padding: 7pt;
        font-size: 12pt;
        line-height: 12pt;    
        display: block;
        text-align: center;
        text-decoration: none;
    }
    
    .btn-violet
    {
        background-image: -webkit-linear-gradient(top, #484CCA 0%, #24276D 100%);
        background-image: -moz-linear-gradient(top, #484CCA 0%, #24276D 100%);
        background-image: -ms-linear-gradient(top, #484CCA 0%, #24276D 100%);
        background-image: -o-linear-gradient(top, #484CCA 0%, #24276D 100%);        
        border: 1px solid #212244;
    }
    
    p 
    {
        margin: 0 0 10pt 0;
    }
    
    #gratta-vinci 
    {
        margin: 0 0 2% 0;
    }

    #bingo 
    {
        margin: 0 0 2% 0;
    }
    
    #superenalotto
    {
         margin: 0 0 2% 0;
         float: right;
    }
    
    #diecielotto
    {
        margin: 0 2% 2% 0;
    }    
    
    .header-games-icon-container a
    {
        color: #fff;
        text-decoration: none;
    }
    
    .header-game-icon
    {
        width: 60px;
        height: 60px;        
    }
    
    #bingo .header-game-icon
    {
        display: inline-block;
        margin: auto;
        background: transparent url("/static/images/msite/bingo.png") no-repeat -8px -6px;
    }
    
    #slot-machine .header-game-icon
    {
        display: inline-block;
        margin: auto;
        background: transparent url("/static/images/msite/slot_new.png") no-repeat -8px -6px;
    }
    
    #gratta-vinci .header-game-icon
    {
        display: inline-block;
        margin: auto;
        background: transparent url("/static/images/msite/grattaevinci.png") no-repeat -8px -6px;
    } 
    
    #superenalotto .header-game-icon
    {
        display: inline-block;
        margin: auto;
        background: transparent url("/static/images/msite/superenalotto.png") no-repeat -8px -6px;
    } 
    
    #diecielotto .header-game-icon
    {
        display: inline-block;
        margin: auto;
        background: transparent url("/static/images/msite/10elotto.png") no-repeat -8px -6px;
    }     
    
    .nomobile
    {
        display: none;
    }
    
    .preheader-service-btn
    {
        background-color: #ED8629;
        padding: 3pt 6pt;
        margin: 5% 0 0 0;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: normal!important;
        font-family: Oswald, sans-serif;
        font-size: 14pt;
        border-radius: 4pt;
        text-align: center;
        display: inline-block;
    }  
    
    .register-help-text 
    {
        background-color: #7a7a7a;
        padding: 3% 5%;
        color: #fff;
        margin: 0 0 10pt 0;
        font-size: 14pt;
    }  
    
    .register-help-text a
    {
        color: #fff;
    }
    
    .modality-img 
    {
        height: 80px;
        display: inline-table;
        width: 100%;
        margin: 0 0 5pt 0;
    }
    
    .deposit-field
    {
        height: 80px;
        display: inline-table;
        width: 100%;
        margin: 0 0 5pt 0;
    }
    
    .deposit-td-vertical
    {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }
    
    .modality-img img
    {
        max-height: 70px;
        max-width: 100%;
        width: auto;
    }
    
    .modality-img.mastercard
    {
        background: url("/static/images/msite/ico-mastercard.png") no-repeat center right;
        background-size: contain;
    }
    
    .modality-img.visa
    {
        background: url("/static/images/msite/ico-visa.png") no-repeat center right;
        background-size: contain;
    }    
    
    .modality-img.paysafe
    {
        background: url("/static/images/msite/ico-paysafe.png") no-repeat center right;
        background-size: contain;
    } 
    
    .modality-img.paypal
    {
        background: url("/static/images/msite/ico-paypal.png") no-repeat center right;
        background-size: contain;
    }    
    
    .modality-img.bancomat
    {
        background: url("/static/images/msite/ico-bancomat.png") no-repeat center right;
        background-size: contain;
    } 
    
    .modality-img.bonifico
    {
        background: url("/static/images/msite/ico-bonifico.png") no-repeat center right;
        background-size: contain;
    }  
    
    .modality-img.postepay
    {
        background: url("/static/images/msite/ico-postepay.png") no-repeat center right;
        background-size: contain;
    }     
    
    .box-middle-4 
    {
        background-color: #f6f6f6;
        padding: 5%;
        margin: 0 0 5pt 0;
    } 
    
    .box-middle-4:last-child
    {
        margin: 0;
    }
    
    .box-middle-4.v1
    {
        background-color: #e3e3e3;
    }    
    
    label 
    {
        color: #4D4D4D;
        font-weight: bold;
        margin: 0 0 3pt 0;
        display: block;
    }
    
    .form-field 
    {
        margin: 0 0 13pt 0;
    }
    
    .form-field:last-child
    {
        margin: 0;
    }
    
    input[type="radio"], input[type="checkbox"]
    {
        width: auto;
        border-radius: 0;
        border: none;
    }
    
    .radio-right-space
    {
        margin-right: 20pt!important;
    }
    
    .radio-margin, .checkbox-margin
    {
        margin: 2pt 4pt;
    }
    
    .form-title 
    {
        color: #929d09;
        margin: 0 0 10pt 0;
        text-transform: uppercase;
        font-size: 14pt;
    }
    
    form a
    {
        color: #000;
    }
    
    .giochi-green-text 
    {
        color: #c9d915;
    }
    
    .cont-header-info 
    {
        font-weight: normal;
        font-style: normal;
        padding: 1% 5%;
        display: block;
        width: 90%;
        background: #dedede;
    }
    
    .cont-header-info .cont-header-img 
    {
        width: 5%;
        height: 28pt;
        display: inline-block;
        padding: 0;
        background: url("/static/images/msite/ico-18.png") no-repeat center center;
        background-size: contain;
    }
    
    .cont-header-info .cont-header-testo 
    {
        padding: 9px 0 3px 2%;
        width: 90%;
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
    }
    
    /* slicknav css */
        .slicknav_menu
    {
        background: transparent!important;
        padding: 0px!important;
        font-size: 14pt!important;
    }

    .slicknav_menu .slicknav_icon
    {
        display: none!important;
    }

    .slicknav_nav .slicknav_arrow
    {
        font-family: sans-serif!important;
    }	

    .slicknav_btn
    {
        width: 100%!important;
        border: none!important;
        background: #000000 url("/static/images/msite/espand-icon.png") no-repeat 10pt center !important;
        padding: 10pt!important;
        margin: 0!important;
        border: none!important;
        border-radius: 3px!important;
    }
    
    #menu_primary_container 
    {
        margin: 5% 0 0 0;
    }

    #menu
    {
        display:none;
    }

    .slicknav_menu .slicknav_menutxt
    {
        color: #fff!important;
        text-shadow: none!important;
        text-transform: uppercase;
        font-weight: normal!important;
        font-family: Oswald, sans-serif;
        margin: 0px 0 0 20pt;
    }

    .slicknav_nav li
    {

    }

    .slicknav_nav
    {
        background: transparent;
    }

    .slicknav_parent ul li
    {

    }

    .slicknav_nav a
    {
        padding: 7pt!important;
        margin: 1px 0 0 0!important;
        background-color: #f7f7f7;
        color: #4d4d4d!important;
        font-weight: normal!important;
        font-family: Oswald, sans-serif;
        font-size: 13pt;  
    }

    .slicknav_nav a a
    {
        padding: 9pt!important;
        margin: 0!important;
    }

    .slicknav_nav a:hover
    {
        border-radius: 0!important;
        background: #ED8629!important;
        color: #fff!important;
    }

    .slicknav_nav a:hover a
    {

        background: #A1B739!important;

    }	

    .slicknav_nav .slicknav_item
    {

        background-color: #F6F6C9;
        margin: 1px 0 0 0!important;
    }
    /* fine */
    
    /* menu GrattaeVinci */
    
    #menu_gratta
    {
        margin: 5% 0;
    }
    
    #menu_gratta .slicknav_btn
    {
        background: #2A2D80 url("/static/images/msite/espand-icon.png") no-repeat 97% center !important;
    }
    
    #menu_gratta .slicknav_nav a:hover
    {
        background: #5D60B5!important;
    }
    
    #menu_gratta .slicknav_nav a
    {
        background-color: #DADBF5!important;
    }    
    /* fine*/
    
    /* menu SuperEnalotto */
    
    #menu_superlotto
    {
        margin: 5% 0;
    }
    
    #menu_superlotto .slicknav_btn
    {
        background: #4aa01f url("/static/images/msite/espand-icon.png") no-repeat 97% center !important;
    }
    
    #menu_superlotto .slicknav_nav a:hover
    {
        background: #ffc300!important;
    }
    
    #menu_superlotto .slicknav_nav a
    {
        background-color: #c2e7af!important;
    }  
    
    .switch-button 
    {
        background-color: #800000;
        list-style-type: none;
        margin: 0 0 10pt 0;
        padding: 0;
        border-radius: 4px;
        border: 2px solid #800000;
        width: 100%;
        display: table;
    }
    
    .switch-button li
    {
        display: table-cell;
        text-align: center;
        width: 50%;
        font-size: 14pt;
    }
    
    .switch-button li a
    {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    
    .switch-button li.selected
    {
        background-color: #fff;
        color: #000;
        font-weight: bold;
    }
    
    .switch-button li a
    {
        display: block;
        padding: 10pt;
    } 
    
        .switch-button li span
    {
        padding: 10pt;
    }
    
    .box-game-date 
    {
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #EAEAEA;
        margin: 0 0 10pt 0;
    }
    
    .game-date-title 
    {
        padding: 3% 5%;
        color: #fff;
        text-shadow: 0px 1px 1px #597B1D;
        line-height: 14pt;
        font-size: 14pt;
        font-family: Oswald, sans-serif;
        text-transform: uppercase;
        font-weight: normal;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #8BBE31;
        background-image: -webkit-linear-gradient(top, #A5DE41 0%, #82B12F 100%);
        background-image: -moz-linear-gradient(top, #A5DE41 0%, #82B12F 100%);
        background-image: -ms-linear-gradient(top, #A5DE41 0%, #82B12F 100%);
        background-image: -o-linear-gradient(top, #A5DE41 0%, #82B12F 100%);
    }
    
    .game-date-body-container 
    {
        padding: 3% 5%;
    }
    /* fine*/    
    
    .header-banner-box img
    {
        width: 100%;
        height: auto;
    }
    
    .banner-android, .banner-apple
    {
        padding: 3% 0 2% 0;
    }
    
    .banner-android img, .banner-apple img
    {
        width: 100%;
        height: auto;
    }
    
    .assistance-container 
    {
        margin: 0 5%;
    }
    
    .assistance-title 
    {
        background-color: #C00405;
        padding: 10pt;
        color: #fff;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;   
    }
    
    .assistance-container ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    .assistance-btn 
    {
        background: #EAEAEA url("/static/images/msite/grey-arrow.png") no-repeat 97% center;
        padding: 10pt;
        border-bottom: 1px solid #BDBDBD;
        border-top: 1px solid #fff;
    }
    
    .assistance-container a
    {
        text-decoration: none;
        color: #A2090A;
        font-weight: bold;
    }
    
    .deposit-form-container 
    {
        padding: 3%;
        margin: 0 0 3% 0;
        background-color: #F7F7F7;
    }
    
    .deposit-form-description-text 
    {
        margin: 0 0 3% 0;
    }
    
    .deposit-form-methods-container 
    {
        display: table;
        width: 100%;
    }
    
    .deposit-form-col 
    {
        display: table-cell;
        vertical-align: top;
        width: 25%;
    }
    
    .deposit-form-title 
        {
        font-weight: bold;
        border-bottom: 1px solid #4D4D4D;
        padding: 0;
        margin: 0 0 10pt 0;
        min-height: 37pt;
        word-break: break-all;
    }

    .header-3col-container
    {
        display: table;
        width: 100%;
    }

    .header-1col
    {
        display: table-cell;
        width: 33%;
    }

    .header-1col:last-child
    {
        width: 5%;
    }


    .game-date-field {
        margin: 0 0 6pt 0;
        padding: 0 0 6px 0;
        display: inline-table;
        width: 100%;
        border-bottom: 1px solid #D8D8D8;
        text-align: center;
    }

/*}*/

/*@media (min-width: 990px)*/
/*{*/
    /**/
/*}*/